@CHARSET "UTF-8";
body {
background-color:#ccdadc;
}

/* form principale */
div#search_div {
text-align:center;
background-color:#fdfdfd;
width:80%;
position:relative;
left:10%;
}

input#text_search {
color:#000;
background:#fff;
border:2px solid #ccc;
font-family: sans-serif;
font-size: 1.5em;
}

input#text_search:hover {
border:2px solid #85bae5;
}

input#text_search:focus {
border:2px solid #85bae5;
}

input#button_search {
color:#000;
font-family: sans-serif;
font-size: 1.5em;
}

div#parameters {
color:#444;
padding:20px;
padding-top: 70px;
font-family: sans-serif;
font-size: 0.8em;
}

input#value_search, input#pop1_search, input#pop2_search, input#density_search, input#timeliness_search, input#retweet_search {
color:#000;
background:#fff;
border:1px solid #ccc;
font-family: sans-serif;
font-size: 1.0em;
size:20;
text-align:center;
}

div#title {
padding-top: 60px;
padding-bottom: 40px;
color: #1172a4;
font: bold 2.4em Arial,Sans-serif
}

div#credits {
color:#777;
padding: 20px;
padding-top: 40px;
font-family: sans-serif;
font-size: 0.6em;
}


/* CSS per angoli arrotondati */
span.rtop, span.rbottom{display: block; background: #ccdadc;position:relative;left:10%;width:80%}
span.rtop span, span.rbottom span{display: block; height: 1px; overflow: hidden; background: #fdfdfd}
span.r1{margin: 0 5px}
span.r2{margin: 0 3px}
span.r3{margin: 0 2px}
span.rtop span.r4, span.rbottom span.r4{margin: 0 1px; height: 2px}


/* result */
div#result_div {
text-align:left;
width: 75%;
position:relative;
left:12%;
padding-top: 30px;
padding-bottom: 15px;
border-bottom:1px solid #bbb;
}

div#result_title {
color: #000;
font: normal 1.6em Arial,Sans-serif;
}

span#result_word {
padding-top: 30px;
padding-bottom: 30px;
color: #1172a4;
font: bold 1.1em Arial,Sans-serif;
}


div.result {
text-align:left;
width:75%;
position:relative;
left:12%;
padding-bottom: 15px;
padding-top: 15px;
border-bottom: 1px solid #bbb;
}

div.result:hover {
background:#eeefff;
}

.right {
display: block;
margin-left: 60px;
width: auto;
}

img.user {
border:1px solid black;
float: left; 
display: inline;
clear: both;
margin-top:3px;
margin-left:3px;
width:48px;
height:48px;
}

span.title_tweet a {
color: #1172a4;
font: bold 1.1em Arial,Sans-serif;
text-decoration:none;
}

span.date_tweet {
color: #000;
font: bold 0.7em Arial,Sans-serif;
}

span.author_tweet {
color: #000;
font: bold 0.7em Arial,Sans-serif;
}

span.reply_tweet {
color: #000;
font: normal 0.7em Arial,Sans-serif;
}

span.retweet_tweet {
color: #000;
font: normal 0.7em Arial,Sans-serif;
}

span.ranking_title {
color:#555555;
font:italic 0.8em Arial,Sans-serif;
float:right;
display:inline;
padding-right:3px;
margin-bottom:3px;
}

span.ranking {
color:#000;
font:normal 0.7em Arial,Sans-serif;
float:right;
display:inline;
padding-right:3px;
}


/* discussion */
div#discussion_div {
text-align:left;
width: 75%;
position:relative;
left:12%;
padding-top: 30px;
padding-bottom: 40px;
border-bottom: 1px solid #bbb;
}

div#discussion_div:hoverz {
background:#eeefff;
}

div.reply {
text-align:left;
width:95%;
position:relative;
left:5%;
padding-top: 10px;
margin-top:20px;
/*padding-bottom: 15px;*/
border-bottom:1px solid #ddd;
border-left:1px solid #ddd;
}

div.reply:hover {
background:#eeefff;
border-bottom:1px solid #bbb;
border-left:1px solid #bbb;
}

span.title_tweet_discussion {
color: #1172a4;
font: bold 1.1em Arial,Sans-serif;
text-decoration:none;
}

img.return {
clear:both;
width:16px;
height:16px;
border:0px;
float:right;
}

a#return_back{
font: bold 0.8em Arial,Sans-serif;
font-style:italic;
}